* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
    display: block;
    content: "";
    clear: both;
}


/*----头部导航开始-------*/


/*--头部的固定定位---*/

header {
    width: 100%;
    position: fixed;
    z-index: 99;
    top: -1px;
}


/*---头部的字体颜色--*/

header .navbar-light .navbar-nav .nav-link {
    color: #fff;
    padding-bottom: 20px;
}

header .navbar-light .navbar-nav .active>.nav-link {
    color: #fff;
    border-bottom: 3px #ffbd27 solid;
    font-weight: bolder;
}

header .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    border-bottom: 3px #ffbd27 solid;
}

header .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

header .navbar-brand img {
    width: 162px;
    height: 48px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:42px;
}
header .navbar {
    padding: .5rem 1rem 0 .5rem;
}
header .swiper-pagination{
    bottom:40px;
}
header .img2{
    display: none;
}

/*----头部导航完成-------*/


/*---中间部分开始----*/


/*--中间的第一部分开始--*/

.waimai {
    position: relative;
}

.bg {
    position: relative;
    /*  background: url("../img/shouye-2.png") no-repeat;*/
    width: 100%;
    /*background-size: cover;*/
}

.swiper-container2 {
    width: 100%;
    overflow: hidden;
}

.swiper-container2 img {
    width: 100%;
}

.swiper-container2 .swiper-button-prev {
    background: url("../img/shouye-38.png") no-repeat;
    width: 30px;
    height: 25px;
    padding: 12px;
    background-size: 15px 25px;
}

.swiper-container2 .swiper-button-next {
    background: url("../img/shouye-39.png") no-repeat;
    width: 30px;
    height: 25px;
    padding: 12px;
    background-size: 15px 25px;
}

.swiper-container2-horizontal2>.swiper-pagination-bullets {
    bottom: 100px;
}




/*三个ul li开始*/
.lhh {
    position: absolute;
    left: 50%;
    bottom: -161px;
    transform: translateX(-50%);
    width: 999px;
    z-index: 9;
}
.lhh ul {
    list-style: none;
    display: flex;
    text-align: center;
}
.lhh .one-li,
.lhh .two-li,
.lhh .three-li {
    width: 323px;
    height: 172px;
    background-color: #658ff7;
    transition: .2s;
}
.lhh .one-li:hover,
.lhh .two-li:hover,
.lhh .three-li:hover {
    cursor: pointer;
    transform: scale(1.1);
    z-index: 10;
    box-shadow: 0 25px 20px -15px rgba(101, 142, 247, 0.25);
}
.lhh .two-li {
    background-color: #f54c45;
}
.lhh .three-li {
    background-color: #ffbd27;
}
.lhh ul li {
    width: 333px;
    display: block;
    position: relative;
}
.lhh ul li a {
    color: #ffffff;
    padding: 36px 0;
    text-decoration: none;
    display: block;
}
.lhh ul li a h3 {
    font-size: 22px;
    display: inline-block;
}
.lhh ul li a p {
    color: #dde6fd;
    padding-top: 10px;
}
.lhh i {
    font-size: 33px;
    padding-right: 10px;
}
.lhh .two-li:hover {
    cursor: pointer;
    box-shadow: 0 25px 20px -15px rgba(245, 76, 69, 0.25);
}
.lhh .three-li:hover {
    cursor: pointer;
    box-shadow: 0 25px 20px -15px rgba(255, 189, 39, 0.25);
}
.lhh img {
    width: 42px;
}

/*三个ul li结束*/

/*--中间的第一部分结束--*/

/*---中间的第二部分开始---*/
.service {
    margin-top: 275px;
}
.service .service-top {
    text-align: center;
    margin-bottom: 100px;
}
.service-bottom {
    display: flex;
    justify-content: space-between;
}
.service-bottom h3 {
    margin-bottom: 55px;
    font-size: 35px;
}
.service-bottom .left ul li {
    list-style: none;
    cursor: pointer;
    margin-bottom: 44px;
}
.service-bottom .left h4 {
    display: inline-block;
    font-size: 30px;
}
.service-bottom .left ul li img {
    padding-right: 20px;
}
.service-bottom p,
.service-bottom span {
    margin-left: 52px;
}
.service-bottom span {
    margin-top: 8px;
    margin-bottom: 8px;
}
.service-bottom .left ul .active {
    color: #ffba1e;
}
.service-bottom .left ul li:hover h4 {
    color: #ffba1e;
    font-size: 40px;
}
.service-bottom li:hover span {
    width: 120px;
    height: 3px;
    background-color: #c9b892;
    display: block;
}
.service-bottom .left ul .active p {
    color: #a18443;
}
.service-bottom .left li:hover p {
    color: #a18443;
}
.hide {
    display: none;
}
.service-bottom .left .li-1 {
    position: relative;
}

/*---中间的第二部分结束---*/

/*---中间的第三部分开始---*/
.youxiu {
    background-color: #ffc949;
    padding-top: 30px;
    padding-bottom: 150px;
    width: 100%;
    position: relative;
}
.lubo {
    padding-top: 40px;
}
.youxiu .text {
    width: 60%;
    background-color: #fff;
}
.top {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 55px;
}
.swiper-container {
    width: 100%;
    height: 458px
}
.swiper-bg {
    background: linear-gradient(39deg, #FF5C49 0%, #FF9F4A 100%);
    width: 760px;
    top: 251px;
    height: 370px;
    position: absolute;
    right: 300px;
}

.swiper-container .swiper-slide {
    padding: 0 110px;
}
.swiper-container .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
}
.swiper-container .swiper-pagination-bullet-active {
    background-color: #FF5C49;
}
.swiper-container .swiper-button-prev {
    background: url("../img/shouye-38.png") no-repeat;
    width: 15px;
    height: 25px;
    padding: 12px;
    background-size: 15px 25px;
}
.swiper-container .swiper-button-next {
    background: url("../img/shouye-39.png") no-repeat;
    width: 15px;
    height: 25px;
    padding: 12px;
    background-size: 15px 25px;
}
.swiper-container .s-1 {
    background-color: #fff;
    border-radius: 10px;
}
.text {
    float: left;
    padding: 35px 0 0 65px;
    border-radius: 10px;
    height: 310px;
}
.text h4 {
    font-size: 22px;
    font-weight: bolder;
}
.chakan {
    padding: 10px 15px;
    border: 1px #ffbe2e solid;
    border-radius: 20px;
    color: #ffbe2e;
    font-size: 12px;
}
.chakan:hover {
    background-color: #ffbe2e;
    color: #fff;
    text-decoration: none;
}
.img-1 img {
    width: 320px;
}
.img-1 {
    float: right;
}

/*---中间的第三部分结束---*/

/*---中间的第四部分开始---*/
.meiti {
    width: 100%;
}
.mt-top {
    text-align: center;
    padding-bottom: 100px;
    padding-top: 100px;
}
.lb {
    position: absolute;
    width: 45%;
}
.nd {
    width: 55%;
}
.mt-bottom {
    position: relative;
}
.bg-1 {
    position: absolute;
    width: 382px;
    height: 510px;
    background-image: linear-gradient(-135deg, #FFD161 0%, #FFBD27 100%);
    left: 32px;
    border-radius: 4px;
    opacity: 1;
    top: 40px;
    transition: all 1.3s ease 0s;
}
.swiper-container1 .swiper-slide {
    height: 530px;
}
.swiper-container1 .swiper-pagination {
    right: 93px;
    top: 472px;
}
.swiper-container1 .swiper-pagination-bullet-active {
    background-color: #000;
}
.mt-1 {
    background-color: #fff;
    width: 378px;
    margin-left: 10px;
    box-shadow: 0 0 17px #f6f4f5;
}
.bottom-text {
    padding: 30px;
}
.bottom-text h3 {
    font-size: 1.3rem;
    font-weight: bolder;
}
.bottom-text p {
    color: #888888;
}
.bottom-text span {
    border-bottom: 3px #3d3d3d solid;
    width: 58px;
    display: block;
    margin-top: 17px;
    margin-bottom: 25px;
}

/*--右半部分--*/
.nd {
    float: right;
}
.nd ul {
    list-style: none;
}
.nd ul li {
    line-height: 48px;
}
.nd ul li a {
    color: #333333;
    text-decoration: none;
    font-size: 16px;
}
.nd ul li a:hover {
    font-size: 20px;
    font-weight: bolder;
    color: #333333;
    text-decoration: none;
}
.qb {
    color: #333;
}
.qb:hover {
    color: #ffc135;
    text-decoration: none;
    display: block;
 
}

/*---中间的第四部分结束---*/

/*---中间部分结束----*/

/*--底部开始--*/
footer {
    position: relative;
    margin-top: 650px;
    background-color: #333333;
    padding-top: 75px;
    padding-bottom: 24px;
}
.pq {
    padding-right: 69px;
}
.pq .container {
    display: flex;
}
.pq .left {
    display: flex;
    width: 50%;
    padding-left: 90px;
}
.pq .right {
    width: 50%;
    display: flex;
}
.pq ul {
    list-style: none;
    padding-right: 63px;
}
.pq a {
    color: #aaaaaa;
}
.pq li {
    line-height: 36px;
}
.pq a:hover {
    color: #fff;
    text-decoration: none;
}
.right h3 {
    color: #fff;
    font-size: 25px;
}
.right-h3 {
    margin-top: 34px;
}
.right p {
    color: #aaaaaa;
}
.hz {
    text-align: center;
    margin-left: 20px;
}
.hz img {
    padding-right: 15px;
    margin-top: 24px;
}
hr {
    background-color: #666666;
}
.footer-bottom {
    text-align: center;
    color: #888888;
}
.footer-bottom img {
    padding-right: 10px;
    padding-left: 10px;
}

/*--底部结束--*/

/*--返回顶部--*/
.Top {
    bottom: 78px;
    right: -89px;
    width: 180px;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    position: fixed;
    border-radius: 3px;
    z-index: 9;
}
.top-1 {
    cursor: pointer;
}
.top-1 p i {
    color: #999999;
}
.top-3 {
    margin-top: 12px;
}
@media(max-width: 600px) {
   
    header{
        background-color: #fff;
        color: #000;
        width:100%;
    }
    header  .navbar-light .navbar-nav .active>.nav-link{
        color: #000;
      
    }
    header .navbar-expand-lg .navbar-nav .nav-link{
        color: #000;
       
     
    }
    header #img1{
        display: none;
    }
    header .img2{
        display: block;
    }
    section{
        margin-top: 65px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom:3px;
    }
    footer,
    header,
    section {
        width: 100%;
    }
    .lhh {
        position: relative;
        bottom: 0;
        width: 100%;
        z-index: -9;
    }
    
    .lhh .ul-1 {
        flex-wrap: wrap;
    }
    
    .lhh .ul-1 li {
        width: 100%
    }
    
    .lb {
        width: 100%;
        display: none;
    }
    
    .bg-1 {
        display: none;
    }
    
    .service {
        margin-top: 0;
    }
    
    .service-top img {
        width: 84%;
    }
    
    .service-bottom {
        flex-wrap: wrap;
    }
    
    .service-bottom h3 {
        font-size: 30px;
        text-align: center;
    }
    
    .service-bottom .left h4 {
        font-size: 22px;
    }
    
    .service-bottom .left ul li:hover h4 {
        font-size: 25px;
    }
    .service-bottom .right{
        width: 100%;
    }
    .service-bottom .right img{
        width: 100%;
    }
    /*中间第四部分*/
    
    .nd {
        width: 100%;
    }
    
    .nd ul li a {
        font-size: 14px;
    }
    .nd ul li a:hover{
        font-size: 15px;
    }
    .nd span{
        display: none;
    }
    .youxiu {
        display: none;
    }
    
    .pq .container,
    .pq .right {
        flex-wrap: wrap;
    }
    
    .pq .left ul {
        width: 50%;
        text-align: center;
    }
    
    .pq {
        padding-right: 0;
    }
    
    .pq .left,
    .pq .right {
        width: 100%;
        padding-left: 0;
    }
    
    .pq .right {
        margin-top: 20px;
    }
    
    .pq .hz,
    .pq .pq-1 {
        width: 100%;
        text-align: center;
    }
    footer{
        margin-top: 500px;
    }
    .Top {
        display: none;
    }
}